.active {
    color: red;
}

.active2{
    color: white ;
}
.BottomNavAction{
    width: 100%;
    height: 45px;
    background-color: rgba(255, 255, 255, 0);
    display: flex;
    justify-content: space-around;
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 16px;
    line-height: 45px;
    z-index: 8000;
}
.bottomNav {
    width: 100%;
    height: 45px;
    background-color: white;
    display: flex;
    justify-content: space-around;
    position: fixed;
    left: 0;
    bottom: 0;
    font-size: 16px;
    line-height: 45px;
    z-index: 8000;
}

.xiang{
 width: 35px;
 height: 30px;
 border-radius: 8px;
 background-color: black;
 margin-top: 8px;
}
.xiang2{
    width: 35px;
    height: 30px;
    border-radius: 8px;
    background-color: white;
    margin-top: 8px;
   }
.nei{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: black;
    border: 3px solid white;
    margin: 5px auto;
}
.nei2{
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: white;
    border: 3px solid black ;
    margin: 5px auto;
}

.Carbox {
    width: 10rem;
    /* height: 200vh; */
    background-color: #ebe9e9;
    /* position: fixed;
    left: 0;
    top: 0; */
    /* padding-bottom: 45px; */
    z-index: 800;
}

/**
* 视频播放导航
*/
.TopNavbox {
    width: 10rem;
    height: 1.28rem;
    line-height: 1.28rem;
    box-sizing: border-box;
    padding: .133333rem;
    display: flex;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 800;
    justify-content: space-between;

}

.TopNav_let {
    font-size: .48rem;
    box-sizing: border-box;
    padding-left: .4rem;

}
.TopNav_let>span{
    display: inline-block;
    margin-right: .4rem;
}
.TopNav_rit {
    margin-right: .266667rem;
    border-radius: .666667rem;
    width: 2.8rem;
    background-color: rgba(204, 204, 204, 0.404);
    text-align: right;
    display: flex;

}
.TopNav_rit_active{
    margin-right: .266667rem;
    border-radius: .666667rem;
    background-color: rgba(204, 204, 204, 0.404);
    text-align: right;
    display: flex;
}
.TopNav_rit_Title {
    width: .853333rem;
    height: .853333rem;
    border-radius: 50%;
    border: .053333rem solid #ED5271;
    padding: .026667rem;
    background-color: white;
    margin-right: -0.266667rem;
}

.TopNav_rit_Name {
    width: .96rem;
    height: .346667rem;
    line-height: .346667rem;

    border-radius: .213333rem;
    background-color: #ED5271;
    position: relative;
    top: -0.853333rem;
    right: -0.24rem;

}

.TopNav_rit_N_span {
    display: inline-block;
    transform: scale(0.7);
    color: white;

}

.TopNav_rit_add {
    /* width: 1.6rem; */
    height: 1.013333rem;
    line-height: 1.066667rem;
    font-size: .426667rem;
    color: white;
    margin-left: 13px;
    font-weight: 550;
}

/* 视频 */
.Pin_Video{
    /* display: flex; */
    /* justify-content: center; */
}
/* 评论 样式 */
.Pin_box{
    width: 10rem;
    /* margin: 0 auto; */
    
}
/* 用户信息 */
.Pin_user {
    width: 100%;
  
    border-radius: 0 0 .213333rem .213333rem;
    background-color: white;
    padding-bottom: 15px;
}

/* 点赞 */
.Pin_zan {
    width: 90%;
    color: #9B9B9B;
    margin: 0 auto;
    text-align: left;
    height: .746667rem;
    line-height: .746667rem;
   padding-top: .213333rem;
}
/* 用户 */
.Pin_userName{
    width: 90%;
    margin: .133333rem auto;
    text-align: left;
    font-size: .426667rem;
}
.Pin_userName_color{
    color: #384E79;
}
.Pin_music{
    width: 90%;
    margin: .266667rem auto;
    text-align: left;
    font-size: .426667rem;
}
.Pin_userName_music{

    color: #384E79;
}
/** 品论列表 */
.PinLun_title{
    height:1.066667rem;
    font-size: 16px;
    line-height: 40px;
    color: black;
    border-bottom: .0013333rem solid #9b9b9b60 ;

}
.PinLun{
    width: 10rem;
    border-radius: .213333rem .213333rem 0 0 ;
    background-color: white;
    margin-top: 15px;
}
.PinLun_list{
    width: 100%;
    margin-top: 15px;
}
.PinLun_Top{
    display: flex;
    justify-content: space-between;
    /* width: 100%; */
    padding-left: 15px;
    padding-right: 15px;
    
}
.PinLun_Top_Title{
    width: 9% ;
    height: calc( 100% * 0.09 );
    border-radius: 50%;
}
.PinLun_Top_Text_userName{
    font-size: 14px;
    font-weight: 550;
    color: #909090;
}
.PinLun_Top_Text_userText{
    
    font-size: .426667rem;
    line-height: .746667rem;
 
    color: black;
}
.PinLun_Top_Text{
    flex: 0.9;
    text-align: left;
}
.PinLun_btm{
    margin-top: 10px;
}
.PinLun_bottom{
    height: 45px;
}
